目录

Web前端技术基础实验报告

实验题目：列表实现简易网站导航

实验目的：熟悉列表实现网页的相关标签

实验内容 ：

实验过程及结果：

项目1  设计简易网站导航

1. http://www.hao123.com访问网站，部分页面截图如图1-3-4所示。

图1-3-4 hao123部分链接截图

2.采用段落或无序列表与超链接组合实现网站导航，页面效果如图1-3-5所示。

图1-3-5 两种方式实现网站导航的效果图

3．按照表1-3-1所示的URL分别设置超链接的href属性和超链接的标题。

表1-3-1 网页首行导航链接信息表

序号

网站名称

URL

1

百  度

http://www.baidu.com/

2

新  浪

                                   http://www.sina.com.cn/

3

腾  讯

http://www.qq.com/

4

搜  狐

http://www.sohu.com/

5

网  易

http://www.163.com/

6

谷  歌

http://www.google.com.hk/

4. 未使用样式时页面效果如图1-3-6所示。

图1-3-6 未使用样式时导航条目页面

项目2  设计新生课程简介

1.编程实现新生课程简介页面，效果如图1-3-7所示。

图1-3-7 新生课程简介页面 

图1-3-7中所使用的书签对应的内容如下所示。

英语

基础英语、高级英语、报刊选读、视听、口语、英语写作、翻译理论与实践、语言理论、语言学概论、主要英语国家文学史及文学作品选读、主要英语国家国情等。

返回

高数

《高等数学》课程介绍随着科学技术的迅猛发展数学正日益成为各学科进行科学研究的重要手段和工具。高等数学是近代数学的基础是理科各专业和经济管理专业类学生的必修课也是在现代科学技术、经济管理、人文科学中应用最广泛的一门课程。因此学好这门课程对学生今后的发展是至关重要的。本课程是学生进入大学后学习的第一门重要的数学基础课。通过本课程的教学使学生掌握处理数学问题的思想和方法培养学生科学思维能力同时为后续课程的学习奠定良好的基础。

返回

大学物理

以物理学基础为内容的大学物理课程，是理工科个专业学生一门重要的通识性的必修基础课。大学物理课程既为学生打好必要的物理基础，又在培养学生科学的世界观，增强学生分析问题和解决问题的能力，培养学生的探索精神、创新意识等方面，具有其他课程不能替代的重要作用。

返回

课外拓展训练一

1.按如下要求设计Web页面，如图1-3-8所示。要求如下：

(1)页面标题为："桂林风景展览"。

图1-3-8 桂林风景展览

课外拓展训练二

2.设计“中国名牌大学简介”页面，效果如图1-3-9所示。

(1)页面标题为“中国名牌大学简介”。

(2)滚动文字标记内插入7个大学超链接，分别:

清华大学（清华大学）;

北京大学（北京大学）;

上海交通大学（上海交通大学中文主页门户网站）;

复旦大学（http://www.fudan.edu.cn/index.html）;

南京大学（南京大学）;

西安交通大学（西安交通大学）;

哈尔滨工业大学（http://www.hit.edu.cn/）。

图1-3-9 中国名牌大学简介

项目一：设计简易网站导航

代码：

;;; 百;度;;;;新;浪;; 腾讯·QQ空间;; 搜;狐;;;;网;易;;;;谷;歌

;;;凤 凰 网;;;新浪微博;;;新 华 网;;;人 民 网;;;中国移动;;;;CNTV

;;;人 人 网;;;开 心 网;;;赛 尔 号;;;汽车之家;;;4399游戏;;;太平洋电脑

;;;东方财富;;;58 同 城;;;中 彩 网;;;淘 宝 网;;;湖南卫视;;;智联招聘

;;;工商银行;;;凡客诚品;; 中关村在线;; 苏宁易购;;;易 车 网;;;去哪儿网

;;;京东商城;;;国美电器;;;美 团 网;; 卓越亚马逊;; 唯 品 会;;;世纪佳缘

截图：

代码：

百度;;;; 新浪;;;; 网易;;;; 腾讯;;;; 搜狐;;;; 360搜索 利用无序列表实现水平导航条 百度 新浪 网易 腾讯 搜狐 360搜索

截图：

项目二：设计新生课程简介

代码：

;;;;;;基础英语、高级英语、报刊选读、视听、口语、英语写作、翻译理论与实践、语言理论、语言学概论、主要英语国家文学史及文学作品选读、主要英语国家国情等。返回

;;;;;;《高等数学》课程介绍随着科学技术的迅猛发展数学正日益成为各学科进行科学研究的重要手段和工具。高等数学是近代数学的基础是理科各专业和经济管理专业类学生的必修课也是在现代科学技术、经济管理、人文科学中应用最广泛的一门课程。因此学好这门课程对学生今后的发展是至关重要的。本课程是学生进入大学后学习的第一门重要的数学基础课。通过本课程的教学使学生掌握处理数学问题的思想和方法培养学生科学思维能力同时为后续课程的学习奠定良好的基础。返回

;;;;;;以物理学基础为内容的大学物理课程，是理工科个专业学生一门重要的通识性的必修基础课。大学物理课程既为学生打好必要的物理基础，又在培养学生科学的世界观，增强学生分析问题和解决问题的能力，培养学生的探索精神、创新意识等方面，具有其他课程不能替代的重要作用。 返回

截图：

课外拓展训练一

代码：

截图：

课外拓展训练二

代码：

截图：